<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Api接口文档</title>
    <meta name="csrf-token" content="<?=csrf_token();?>"/>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        .json-number {
            color: #2196f3;
            font-weight: bold;
        }

        .json-string {
            color: #0B7500;
        }

        .json-key {
            color: #da0707;
        }

        .json-href {
            text-decoration: underline;
            color: #65473c;
        }
    </style>
</head>
<body>
<div id="app">
    <api-main></api-main>
</div>
<div class="modal fade" id="loadingModal">
    <div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
        <div class="progress progress-striped active" style="margin-bottom: 0;">
            <div class="progress-bar" style="width: 100%;"></div>
        </div>
        <h5 style="color:#fff;">正在加载...</h5>
    </div>
</div>
<script src="{{$js}}"></script>
<script type="text/javascript">
    axios.interceptors.request.use(function (config) {
        $("#loadingModal").modal('show');
        return config;
    });
    //添加响应拦截器
    axios.interceptors.response.use(function (response) {
        $("#loadingModal").modal('hide');
        return response;
    });
</script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>